<script setup>
import {RouterView, useRoute} from 'vue-router'
import NavBar from "@/components/layout/NavBar.vue";
import Footer from "@/components/layout/Footer.vue";
import {onMounted, onUnmounted} from "vue";
import {useConfigStore} from "@/stores/config";
const route = useRoute()

let {refreshWidth} = useConfigStore()
onMounted(window.onresize = refreshWidth)
onUnmounted(window.onresize = null)

</script>

<template>
  <header :class="{'white': route.path==='/hz'}">
    <NavBar/>
  </header>
  <RouterView/>
  <Footer/>
</template>

<style>

</style>
